.search {
    display: flex;
    justify-content: space-between;

    .sync_multiple {
        display: flex;
        gap: 5px;

        .sync_btn {
            width: 4vw;
            background-color: $secondColor3;
            border-color: $secondColor3;

            &:hover {
                background-color: rgba($secondColor3, 0.8);
                border-color: rgba($secondColor3, 0.8);
            }
        }
    }

    .filter {
        display: grid;
        grid-template-columns: 8vw 6vw auto;
        column-gap: 5px;
        height: 28px;

        .btn_group {
            display: flex;
            gap: 5px;

            .btn_item {
                height: 28px;
                padding: 0 6px;
                display: flex;
                align-items: center;
                gap: 5px;
                border-radius: 2px;
                border-width: 1px;
                border-style: solid;
                cursor: pointer;
            }
        }
    }
}



:deep(.el-table) {
    .cell {
        line-height: normal;
    }
}

.footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.app-container {
    height: 100%;

    .app-container-inner {
        display: flex;
        flex-direction: column;
        flex: 1;

        .table {
            margin: 10px 0;
            flex: 1;
            position: relative;

            .btns {
                display: flex;
                align-items: center;
                justify-content: center;
               
            }
        }
    }
}
.el-button+.el-button{
    margin: 0;
  }